<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="work.js"></script>
    <link rel="stylesheet" href="work.css"/>
</head>
<body>
   
<body >
    <div id="container">
    <nav>
    <div id="left">
        <a href="#">导航栏</a>
    </div> 
    <div id="middle">
        <a href="#">首页</a>
        <a href="#">详情</a>
        <a href="#">联系我们</a>
    </div>
    <div id="right">
        <a href="#">登陆</a>
    </div>  
    </nav>
   
    
        <aside id="left-content">
            <div class="card">
                <img src="./4.jpg" >
                <h3>栖姁</h3>
                <p>我的随心记</p>
                <div class="counter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="counter">
                    <span>2</span>
                    <span>3</span>
                </div>
        </aside>
          <main id="middle-content">
            <div class="blog-content">
                <h1>我的随心记</h1>
                <h3>下次能不能不要压着ddl写作业了！！！</h3>
                <div cjass="index"></div>
                <div class="writer"> 文章作者：栖姁</div>
                <div class="date"> 文章发布时间：2024-04-06 <br><br></div>
               <div class="contentin">&emsp;&emsp;拖延症不是病，但是拖延起来真是要命,它可以悄无声息的毁掉你的学业、工作乃至人生。<br>
                &emsp;&emsp;据一份数据显示，现在70%的人都患有拖延症。"美国心理学之父"威廉·詹姆斯与：
                "没有什么比没完没了地想着一项待完成的任务更令人疲惫的了。"虽然大家都知道拖延不好，但是能够勇敢面对拖延的人却仍是少数。
                为什么人们喜欢拖延呢？心理学家对此有很多的解释，
                比如面对一项不想做的事情时，他们会选择拖延。
                又或者对面一个很难完成的任务时，他们也会选择拖延。
                另一种解释是，这是一种自我保护的策略，
                可以让他们找到一个借口："我之所以失败不过是因为我没有尝试。"<br>
                &emsp;&emsp;总而言之，只要心理产生了抗拒心理，就非常容易出现拖延现象。</div>
                <div class="classify"> 文章分类：杂记</div>
          </main>
        <aside id="right-content">
            <h1>工具栏</h1>
         <button >添加内容</button><br>
         <button>编辑内容</button><br>
         <textarea placeholder="请输入您需要删除的文本内容"  rows="10"
         cols="29"></textarea><button>点击删除内容</button>
         <textarea placeholder="请输入您需要搜索的文本内容"  rows="10"
         cols="29"></textarea><button>点击删除内容</button>
     
        </aside>
    
     <footer>
        <p id="p1">欢迎来到栖姁的个人博客</p>
     </footer>
</body>
</html>